<template>
  <div id="app">
    <Login v-if="isLogined" />
    <Headers />
    <router-view />
    <Footer />
  </div>
</template>
<script>
import Headers from "@/components/Header.vue";
import Footer from "@/components/Footer.vue";
import Login from "@/components/Login.vue";
import { mapState } from "vuex";
export default {
  components: {
    Headers,
    Footer,
    Login,
  },

  computed: {
    ...mapState({
      isLogined: (state) => state.login.isLogined,
    }),
  },
};
</script>

<style scoped>
@import "@/assets/css/base.css";
</style>
